/**
 * 每个页面公共css
 *
 * @format
 */

.home-page {
 background-color: #f8f8f8;
}
page,
body {
 --wot-tabs-nav-fs: 16px;
 .home-index {
  .task-cell-main {
   --wot-checkbox-large-size: 22px;
   --wot-checkbox-icon-size: 16px;
   .wd-checkbox__label {
    display: none;
   }
   .wd-textarea__value,
   .wd-textarea,
   .wd-textarea__clear,
   .wd-textarea__count {
    background: rgba(255, 255, 255, 0);
   }
   .wd-textarea__placeholder {
    color: #666;
   }
  }
  .my-collapse-class {
   .wd-collapse-item__header {
    padding: 14px 6px 14px 16px !important;
    border-bottom: solid 1px #eaeaea;
    & > view:first-child {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
    }
   }
   .wd-collapse-item__body {
    padding: 0 !important;
   }
  }
  .my-progress-class {
   padding: 2px 0 !important;
  }
 }
 .reset-textarea-class {
  border-radius: 4px;
  border: solid 1px #eaeaea;
  padding: 4px 6px;
  margin-top: 12px;
  .wd-cell__wrapper.is-vertical .wd-cell__right {
   margin-top: 0 !important;
  }
  .wd-textarea__label {
   width: auto !important;
   min-width: unset !important;
   height: 100% !important;
   margin-right: 0 !important;
  }
  .wd-textarea__count {
   bottom: 0 !important;
  }
  .wd-textarea__inner {
   min-height: 30px;
  }
  .wd-textarea__value.is-show-limit {
   padding-bottom: 18px !important;
  }
  .wd-textarea.is-cell.is-border::after {
   display: none !important;
  }
  .wd-textarea::after {
   display: none !important;
  }
  .wd-textarea {
   padding: 0 !important;
  }
 }
 .home-add-task {
  .submit-button {
   --wot-button-large-padding: 0 99px;
  }
  .wd-picker__field {
   height: 0 !important;
   overflow: hidden;
  }
  .my-uno-m-t-0 .wd-cell__right {
   margin-top: 0 !important;
  }
 }
 .wd-action-sheet {
  margin: 0 !important;
  border-radius: 16px 16px 0 0 !important;
 }
 .wd-action-sheet__popup {
  background: #fff !important;
  z-index: 99;
 }
 .ios-bottom {
  padding-bottom: max(constant(safe-area-inset-bottom), 16px) !important;
  padding-bottom: max(env(safe-area-inset-bottom), 16px) !important;
 }
 .my-collapse-class::after {
  display: none !important;
 }
 .edit-task-sheet {
  .wd-overlay,
  .wd-action-sheet__popup {
   z-index: 99 !important;
  }
 }
}
